Skip to content

Wat visualizer page#212

Draft
aidenybai wants to merge 2 commits intomainfrom
cursor/wat-visualizer-page-5a56
Draft

Wat visualizer page#212
aidenybai wants to merge 2 commits intomainfrom
cursor/wat-visualizer-page-5a56

Conversation

@aidenybai
Copy link
Owner

@aidenybai aidenybai commented Mar 5, 2026 •
edited by cubic-dev-ai bot
Loading

Add a new /inspect page to visualize React Grab clipboard output in raw and formatted views.

Open in Web Open in Cursor 

Summary by cubic

Added a new /inspect page to visualize React Grab clipboard data. The page now includes a structured breakdown, syntax‑highlighted snippets, and a simple homepage-style layout.

  • New Features
    • Paste handler supports application/x-react-grab and plain text; defaults to Formatted when metadata is present.
    • Raw and Formatted tabs for toggling views.
    • Per-entry cards show element tag, component, file path/line/column, optional comment, HTML snippet, and a parsed stack trace.
    • Shiki highlighting for the full paste and per-entry HTML snippets, with fallback to plain text.
    • Shows version and relative timestamp, entry count header, Clear button, and OS-aware paste hint.
    • Next.js layout includes OG/Twitter images and a canonical URL for /inspect.

Written for commit ef577cd. Summary will update on new commits.

@cursoragent @aidenybai
feat: add /inspect page for visualizing React Grab clipboard output
9571c99 
Co-authored-by: Aiden Bai <aidenybai@users.noreply.github.com>
@cursor
Copy link

cursor bot commented Mar 5, 2026

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch.
Learn more about Cursor Agents

@vercel
Copy link
Contributor

vercel bot commented Mar 5, 2026 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
react-grab-website Ready Ready Preview, Comment Mar 5, 2026 2:40am

@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 5, 2026 •
edited
Loading

Open in StackBlitz

@react-grab/cli

npm i https://pkg.pr.new/aidenybai/react-grab/@react-grab/cli@212

grab

npm i https://pkg.pr.new/aidenybai/react-grab/grab@212

@react-grab/ami

npm i https://pkg.pr.new/aidenybai/react-grab/@react-grab/ami@212

@react-grab/amp

npm i https://pkg.pr.new/aidenybai/react-grab/@react-grab/amp@212

@react-grab/claude-code

npm i https://pkg.pr.new/aidenybai/react-grab/@react-grab/claude-code@212

@react-grab/codex

npm i https://pkg.pr.new/aidenybai/react-grab/@react-grab/codex@212

@react-grab/copilot

npm i https://pkg.pr.new/aidenybai/react-grab/@react-grab/copilot@212

@react-grab/cursor

npm i https://pkg.pr.new/aidenybai/react-grab/@react-grab/cursor@212

@react-grab/droid

npm i https://pkg.pr.new/aidenybai/react-grab/@react-grab/droid@212

@react-grab/gemini

npm i https://pkg.pr.new/aidenybai/react-grab/@react-grab/gemini@212

@react-grab/opencode

npm i https://pkg.pr.new/aidenybai/react-grab/@react-grab/opencode@212

react-grab

npm i https://pkg.pr.new/aidenybai/react-grab@212

@react-grab/relay

npm i https://pkg.pr.new/aidenybai/react-grab/@react-grab/relay@212

@react-grab/utils

npm i https://pkg.pr.new/aidenybai/react-grab/@react-grab/utils@212

commit: ef577cd

@cursoragent @aidenybai
refactor: redesign inspect page - swap raw/formatted, structured brea…
ef577cd 
…kdown, homepage-style layout

Co-authored-by: Aiden Bai <aidenybai@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@aidenybai @cursoragent